<template>
  <h1>按钮组件</h1>
  <el-button>按钮</el-button>
  <el-button type="primary" plain>蓝按钮</el-button>
  <el-button type="success" round>绿按钮</el-button>
  <el-button type="warning" circle>黄按钮</el-button>
  <el-button type="danger" disabled>红按钮</el-button>
  <el-button type="info" link>灰按钮</el-button>

  <div>
    <el-button type="primary" :icon="Edit" />
    <el-button type="primary" :icon="Share" />
    <el-button type="primary" :icon="Delete" />
    <el-button type="primary" :icon="Search">Search</el-button>
    <el-button type="primary">
      Upload<el-icon class="el-icon--right"><Upload /></el-icon>
    </el-button>
  </div>

</template>

<script setup>

import { Delete, Edit, Search, Share, Upload } from '@element-plus/icons-vue'
</script>

<style scoped>

</style>